rt-carousel@1.0.0

carousel component for react

import React from 'react';
import ReactDOM from 'react-dom';
import Carousel from 'rt-carousel';
import 'rt-carousel/assets/index.css';

class SimpleDemo extends React.Component {
  render() {
    const settings = {
      speed: 500,
      autoplay: false,
      dots: true,
      arrows: true,
      initialSlide: 0,
    };

    return (
      <Carousel {...settings}>
        <div className="carousel-slide" >
          <h3>1</h3>
        </div>
        <div className="carousel-slide" >
          <h3>2</h3>
        </div>
        <div className="carousel-slide" >
          <h3>3</h3>
        </div>
        <div className="carousel-slide" >
          <h3>4</h3>
        </div>
        <div className="carousel-slide" >
          <h3>5</h3>
        </div>
      </Carousel>
    );
  }
}

ReactDOM.render(<SimpleDemo />, document.getElementById('__react-content'));
Fork me on GitHub